<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/ding.css"/>
		<link rel="stylesheet" type="text/css" href="css/navfooter.css"/>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="zhang_nav w">
			<div class="zhang_nav_left"><img src="img/nav.jpg"/></div>
			<ul class="zhang_nav_right">
				<li>
					<div>首页</div>
					<ol>
						<li><a href="#">首页子菜单</a></li>
						<li><a href="#">首页子菜单</a></li>
						<li><a href="#">首页子菜单</a></li>
						<li><a href="#">首页子菜单</a></li>
					</ol>
				</li>
				<li>
					<div>云道商城</div>
					<ol>
						<li><a href="#">云道商城子菜单</a></li>
						<li><a href="#">云道商城子菜单</a></li>
						<li><a href="#">云道商城子菜单</a></li>
						<li><a href="#">云道商城子菜单</a></li>
					</ol>
				</li>
				<li>
					<div>智慧门店</div>
					<ol>
						<li><a href="#">智慧门店子菜单</a></li>
						<li><a href="#">智慧门店子菜单</a></li>
						<li><a href="#">智慧门店子菜单</a></li>
						<li><a href="#">智慧门店子菜单</a></li>
					</ol>
				</li>
				<li>
					<div>营销平台</div>
					<ol>
						<li><a href="#">营销平台菜单</a></li>
						<li><a href="#">营销平台菜单</a></li>
						<li><a href="#">营销平台菜单</a></li>
						<li><a href="#">营销平台菜单</a></li>
					</ol>
				</li>
				<li>
					<div>媒体联盟</div>
					<ol>
						<li><a href="#">媒体联盟子菜单</a></li>
						<li><a href="#">媒体联盟子菜单</a></li>
						<li><a href="#">媒体联盟子菜单</a></li>
						<li><a href="#">媒体联盟子菜单</a></li>
					</ol>
				</li>
				<li>
					<div>关于云道</div>
					<ol>
						<li><a href="#">关于云道子菜单</a></li>
						<li><a href="#">关于云道子菜单</a></li>
						<li><a href="#">关于云道子菜单</a></li>
						<li><a href="#">关于云道子菜单</a></li>
					</ol>
				</li>
			</ul>
			<div class="zhang_nav_top">用户中心</div>
		</div>
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<a href="#"><img src="img/ding_banner.png"/></a>
				</div>
				<div class="swiper-slide">
					<a href="#"><img src="img/ding_banner.png"/></a>
				</div>
				<div class="swiper-slide">
					<a href="#"><img src="img/ding_banner.png"/></a>
				</div>
			</div>
		</div>
		<div class="ding_cp">
			<p>———————————————————————————&nbsp;&nbsp;&nbsp;   <b>我们的产品</b>    &nbsp;&nbsp;&nbsp;———————————————————————————	</p>
			<p>OUR PRODUCTS</p>
		</div>
		<ul class="ding_list">
			<li>
				<div>
					<img src="img/list_01.png"/>
					<p>官网云商城</p>
				</div>
				<div>
				<h3>我是中小企业</h3>
				<p class="size">
					免费，一键创建，无需维护，我们倾力打造的官网云商城系统，帮助中小企业轻松创建高逼格的官网商城...
				</p>
				</div>
			</li>
			<li>
				<div>
					<img src="img/list_02.png"/>
					<p>品牌综合商城</p>
				</div>
				<div>
				<h3>我是大中型企业</h3>
				<p class="size">
					云架构部署，个性化前端，免运维，无需专业团队。shop品牌综合商城系统充分满足大中型企业品牌展示及独立的个性化品牌商城需求...				</p>
				</div>
			</li>
			<li>
				<div>
					<img src="img/list_03.png"/>
					<p>多店铺行业平台</p>
				</div>
				<div>
				<h3>我是行业专家</h3>
				<p class="size">
					简约而不简单，成熟的商业模式，较低的运维成本，前后台分离，多种营销模式，shopmd多商铺商城系统，集合行业专家，为客户量身定制专属的生态级电子商务平台。
				</p>
				</div>
			</li>
			<li>
				<div>
					<img src="img/list_04.png"/>
					<p>智慧门店020</p>
				</div>
				<div>
				<h3>我是地面门店</h3>
				<p class="size">
					shopcmd自会门店020解决方案，帮助实体店铺，通过数字化协同，引导消费者进店，增加二次消费，提高销售额，维护客户关系，提升用户体验，打造移动时代的新型门店...
				</p>
				</div>
			</li>
		</ul>
		<div class="why">
			<img src="img/why.png"/>
		</div>
		<ul class="con">
		<li>
			<img src="img/list_05.png" alt="">
			<h3>全面的产品体系</h3>
			<p>天王盖地虎，小鸡炖蘑菇，三人行必有我师，则其善者而从之，其不善者而改之，天将降大任与斯人也，必将苦其心志，廖其筋骨，饿其体肤，空腹起色，不写了呃！</p>
		</li>
		<li>
			<img src="img/list_06.png" alt="">
			<h3>全面的产品体系</h3>
			<p>天王盖地虎，小鸡炖蘑菇，三人行必有我师，则其善者而从之，其不善者而改之，天将降大任与斯人也，必将苦其心志，廖其筋骨，饿其体肤，空腹起色，不写了呃！</p>
		</li>
		<li>
			<img src="img/list_07.png" alt="">
			<h3>全面的产品体系</h3>
			<p>天王盖地虎，小鸡炖蘑菇，三人行必有我师，则其善者而从之，其不善者而改之，天将降大任与斯人也，必将苦其心志，廖其筋骨，饿其体肤，空腹起色，不写了呃！</p>
		</li>
		<li>
			<img src="img/list_08.png" alt="">
			<h3>全面的产品体系</h3>
			<p>天王盖地虎，小鸡炖蘑菇，三人行必有我师，则其善者而从之，其不善者而改之，天将降大任与斯人也，必将苦其心志，廖其筋骨，饿其体肤，空腹起色，不写了呃！</p>
		</li>
		<li>
			<img src="img/list_09.png" alt="">
			<h3>全面的产品体系</h3>
			<p>天王盖地虎，小鸡炖蘑菇，三人行必有我师，则其善者而从之，其不善者而改之，天将降大任与斯人也，必将苦其心志，廖其筋骨，饿其体肤，空腹起色，不写了呃！</p>
		</li>
	</ul>
		<div class="ding_footer">
			<img src="img/ding_footer.png"/>
		</div>
		<div class="zhang_footer">
			<div class="zhang_footer_one">
				<ul>
					<li><a href="#">shopcmd</a></li>
					<li><a href="#">首页</a></li>
					<li><a href="#">官网云商城</a></li>
					<li><a href="#">智慧门店</a></li>
					<li><a href="#">销售平台</a></li>
					<li><a href="#">媒体联盟</a></li>
					<li><a href="#">关于我们</a></li>
				</ul>	
				<div class="zhang_call">4008-188-360</div>
			</div>
			<div class="zhang_hr"></div>
			<p><a href="#">@Copyright 2015 苏州海云网络科技有限公司版权所有 | 苏ICP备15038170号-3</a></p>
		</div>
	</body>
	<script type="text/javascript">
		var Swiper=new Swiper('.swiper-container',{
			loop:true,
			autoplay:1500,
			autoplayDisableOnInteraction:false
		})
			$(".zhang_nav_right>li").mouseover(function(){
				$(this).find("ol").stop().slideDown();
			})
			$(".zhang_nav_right>li").mouseout(function(){
				$(this).find("ol").stop().slideUp();
			})
		</script>
	</script>
</html>
